<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>HTML表格标签示例</title>
    <style>
        body {
            font-family: "微软雅黑", Arial, sans-serif;
            background-color: #f5f5f5;
            padding: 20px;
        }
        table {
            width: 80%;
            margin: 0 auto;
            border-collapse: collapse;
            background-color: #ffffff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        th, td {
            border: 1px solid #dddddd;
            padding: 12px;
            text-align: left;
            font-size: 14px;
        }
        th {
            background-color: #333333;
            color: white;
            font-weight: bold;
        }
        tr:nth-child(odd) {
            background-color: #FFFFFF;
        }
        tr:nth-child(even) {
            background-color: #F6F4F1;
        }
        caption {
            caption-side: top;
            font-size: 24px;
            margin-bottom: 10px;
            font-weight: bold;
            color: #333333;
        }
        /* 调整表格边框样式 */
        table, th, td {
            border: 1px solid #dddddd;
        }
        /* 调整表格行高 */
        tr {
            height: 40px;
        }
    </style>
</head>
<body>

<table>
    <caption>HTML表格标签示例</caption>
    <tr>
        <th>标签</th>
        <th>描述</th>
    </tr>
    <tr>
        <td><code>&lt;table&gt;</code></td>
        <td>定义表格</td>
    </tr>
    <tr>
        <td><code>&lt;th&gt;</code></td>
        <td>定义表格的表头</td>
    </tr>
    <tr>
        <td><code>&lt;tr&gt;</code></td>
        <td>定义表格的行</td>
    </tr>
    <tr>
        <td><code>&lt;td&gt;</code></td>
        <td>定义表格单元格</td>
    </tr>
    <tr>
        <td><code>&lt;caption&gt;</code></td>
        <td>定义表格标题</td>
    </tr>
    <tr>
        <td><code>&lt;colgroup&gt;</code></td>
        <td>定义表格列的组</td>
    </tr>
    <tr>
        <td><code>&lt;col&gt;</code></td>
        <td>定义用于表格列的属性</td>
    </tr>
    <tr>
        <td><code>&lt;thead&gt;</code></td>
        <td>定义表格的页眉</td>
    </tr>
    <tr>
        <td><code>&lt;tbody&gt;</code></td>
        <td>定义表格的主体</td>
    </tr>
    <tr>
        <td><code>&lt;tfoot&gt;</code></td>
        <td>定义表格的页脚</td>
    </tr>
</table>

</body>
</html>